草庐IT

vue 组件的引用

全部标签

javascript - Angular 2 - 如何将 id 属性设置为动态加载的组件

我正在使用DynamicComponentLoader加载子组件,它会生成以下html:Childcontenthere这是我在父组件中加载组件的方式ngAfterViewInit(){this._loader.loadIntoLocation(ChildComponent,this._elementRef,'child');}如何将id属性添加到子组件,以便它生成以下html:Childcontenthere 最佳答案 如果可能的话,我会向ChildComponent添加一个字段并将id绑定(bind)到它:@Component(

javascript - angular 2模型驱动的嵌套表单组件

我有什么:我正在构建一个ionic2应用程序并构建了一个基本的angular2组件,其中包含一个输入框显示输入标题的标签显示任何验证错误的标签我将把它称为我的输入组件我有一个带有表单的页面组件,目前有文本输入。1个常规输入(密码)和1个包装在我的输入组件(用户名)中的输入。这是我页面组件的相关部分ngOnInit(){this.loginForm=this.formBuilder.group({username:['',Validators.required],password:['',Validators.required]});}这是页面组件模板PasswordThisfieldi

javascript - Vue Tables 2 - 自定义过滤器

我正在尝试使用这个https://github.com/matfish2/vue-tables-2使用Vue2.1.8。它工作得很好,但我需要使用自定义过滤器根据它们的值等来格式化一些字段。在选项中我有这个:customFilters:[{name:'count',callback:function(row,query){console.log('seeme?');//Notfiringthisreturnrow.count[0]==query;}}]在文档中说我必须这样做:Usingtheeventbus:Event.$emit('vue-tables.filter::count',

javascript - Typescript 错误引用 _this

我尝试在TypeScript中为String.Prototype定义一些属性:Object.defineProperty(String.prototype,'test',{value:()=>{console.log("thisisatestovertext"+this);}})在javaScript原型(prototype)中,this指调用方法的对象(在本例中为字符串值)。但是文件的编译输出是:var_this=this;Object.defineProperty(String.prototype,'test',{value:function(){console.log("this

javascript - Vue.js 交换数组项

在我的vue.js应用程序中,我尝试像这样交换2个论坛行:exportdefault{data(){return{forums:[]}},methods:{increment(forum,index){ForumService.increment(forum).then(()=>{letb=this.forums[index];this.forums[index]=this.forums[index++];this.forums[index++]=b;});}}}但是没有任何反应?我在这里做错了什么? 最佳答案 虽然@dfsq关于i

javascript - 在具有多个嵌套对象的对象中使用 Vue.set

我正在尝试使用Vue.set()更新Vue2中的状态对象。这是对象的样子:state:{entries:[//entry1fields:{someProperties:''//hereIwouldliketoaddanotherpropertynamed'googleInfos'}],[//entry2fields:{someProperties:''//hereIwouldliketoaddanotherpropertynamed'googleInfos'}]}到目前为止,我正在用这个突变更新它。我正在分别改变每个条目,因为它们有不同的内容。ADD_GOOGLE_INFOS(stat

javascript - 如何引用 Firefox 扩展的数据目录中的文件?

我正在开发Firefox扩展程序,我需要从内容脚本中将JavaScript注入(inject)到页面中。在我的Chrome扩展中,我做了以下事情:this.initializeJplayerSupport=function(){varscript=document.createElement('script');script.setAttribute('type','application/javascript');script.setAttribute('src',chrome.extension.getURL('js/custom-jplayer.js'));document.he

javascript - 使用 VueJS 动态加载组件和模板

我正在考虑将VueJS用于多页面网站。官方例子中routing,它们显示您可以根据URL动态更改模板和组件,但它们仍然将所有HTML模板和JS组件放在一个文件中,并一次加载。我的网站会很大,我想只在需要时加载所有内容。所以我的问题是:当URL更改时,我如何按需异步加载这些HTML模板和JS组件?仅展示上面的路由示例是如何进行的会很有帮助可以针对动态脚本加载进行修改。 最佳答案 更新:参见AsyncComponents官方文档中的部分。 关于javascript-使用VueJS动态加载组件

javascript - 扩展原生 d3 组件(如 d3.svg.axis())的惯用方法是什么?

对于d3中的时间序列可视化,我想在轴上突出显示年份。我通过制作我自己的xAxis渲染器实现了这一点,它调用nativeaxis函数,然后实现我自己的自定义逻辑来格式化它渲染的刻度。我就是这样做的(seeworkingexampleonjsbin):xAxis=d3.svg.axis().scale(xScale)customXAxis=function(){xAxis(this);d3.selectAll('.tick',this).classed("year",isYear);};...xAxis.ticks(10);xAxisElement=canvas.append("g").c

javascript - 如何在 Vue.js 中取消绑定(bind)数组副本

我正在尝试将一个数组复制到另一个数组并像使用新数组一样使用它,而不对旧数组进行任何更改:TestinputtestArray:{{testArray[0]|json}}templateArray:{{templateArray[0]|json}}newVue({el:'#app',data:{testArray:[],templateArray:[{name:"TEST"},],},ready:function(){this.testArray=this.templateArray.slice(0);},});问题是我正在更新新数组“testArray”,我还更改了旧数组“templa